<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 问题：有两个数组：1.0 所有频道数据  2.0 我的频道数据，
    // 需求：从所有频道数据中删除我的频道数据
    var allChannel = [
        { id: 0, name: '推荐' },
        { id: 1, name: 'html' },
        { id: 2, name: 'css' },
        { id: 3, name: 'js' },
        { id: 4, name: 'jquery' },
        { id: 5, name: 'ajax' },
    ]
    var myChannel = [
        { id: 1, name: 'html', finished: false, loading: false },
        { id: 3, name: 'js', finished: false, loading: false },
        { id: 5, name: 'ajax', finished: false, loading: false }
    ]
    // 1.0 得到 myChannel 所有元素的 id 集合
    const ids = myChannel.map(item => {
      return item.id
    })
    console.log(ids) // [1, 3, 5]
    // 2.0 遍历 allChannel ，判断每个元素的 id
    //    如果 id 包含在 ids 中，应该将元素从 allChannel 中去掉
    //    如果 id 不包含在 ids 中，应该返回到一个新的数组中
    const newArr = allChannel.filter(item => {
        return !ids.includes(item.id)
    })
    console.log(newArr) // 0, 2, 4

    // js 数组中的方法： map & fileter & includes
    // map：遍历数组，返回一个新的数组
    // fileter: 遍历数组，返回一个满足条件的数组
    // includes：判断数组中是否包含某个元素
</script>
</html>